<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>吸顶灯</title>
		<script src="XiaoMi/js/jquery-1.11.1.js"></script>
		<style>
			#top_context{
				padding: 100px;
				text-align: center;
				line-height: 100px;
			}
			#sticky{
				height: 50px;
				text-align: center;
				line-height: 50px;
				background-color: black;
				color: #ffffff;
			}
		</style>
	</head>
	<body>
		<div id="top_context">顶部内容区域</div>
		
		<div id="sticky">我是吸顶元素</div>
		
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus rem illum deleniti quis odio
		 ea rerum, natus iste ex eius esse itaque suscipit nisi totam quam veniam voluptatum adipisci facere?
		 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Harum modi ratione ducimus odio natus, a molestiae reiciendis 
		 amet ipsa quisquam eligendi libero id dolor quidem reprehenderit cum magni et explicabo!
		 </p>
		<script>
			
		</script>
	</body>
</html>